<?php echo $this->doctype() ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        <title>UMBook</title>
        
        <script language="javascript" type="text/javascript" src="/resources/js/jquery.js"></script>
        <script language="javascript" type="text/javascript" src="/resources/js/jquery.tablesorter.min.js"></script>
        <script language="javascript" type="text/javascript" src="/resources/js/ddsmoothmenu.js"></script>
        <script language="javascript" type="text/javascript" src="/resources/js/tabs.js"></script>
        <script language="javascript" type="text/javascript" src="/resources/js/jquery.maskedinput.js"></script>
        <script language="javascript" type="text/javascript" src="/resources/js/validate/jquery.validate.js"></script>
        <script language="javascript" type="text/javascript" src="/resources/js/validate/localization/messages_es.js"></script>

        <!-- Core files -->
        <script src="/resources/jquery.alerts/jquery.alerts.js" type="text/javascript"></script>
        <link href="/resources/jquery.alerts/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />
        
        
        
        
        
        
        <!-- Layout CSS -->
        <link rel="stylesheet" href="/resources/css/frame/screen.css" type="text/css" media="screen, projection" />
        <link rel="stylesheet" href="/resources/css/theme.css" type="text/css" media="screen, projection" />
        
        <script type="text/javascript">

            ddsmoothmenu.init({
                mainmenuid: "smoothmenu1", //menu DIV id
                orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
                classname: 'ddsmoothmenu', //class added to menu's outer DIV
                contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
            })

        </script>

        <script language="javascript" type="text/javascript">

            $(document).ready(function(){
                $(".sidebar li img").fadeTo("fast", 0.6); // This sets the opacity of the thumbs to fade down to 60% when the page loads

                $(".sidebar li img").hover(function(){
                    $(this).fadeTo("fast", 1.0); // This should set the opacity to 100% on hover
                },function(){
                    $(this).fadeTo("fast", 0.6); // This should set the opacity back to 60% on mouseout
                });
            });

        </script>
        
    </head>

    <body>
        <div class="headwrap">

            <div class="container_12 header">

                <div class="grid_8 logo">

                    <h1>UMbOOk</h1>

                </div><!--/logo-->

                <div class="grid_4 last h-details">

                    <div class="logged-in">

                        <a href="/login/logout" class="logout">Logout</a>
                        Logged as <a href="#"><?php echo $this->userProfile->name . ' ' . $this->userProfile->surname ?></a>

                    </div><!--/logged-in-->

                </div><!--/hdetails-->

                <div class="container_12 nav">

                    <div id="smoothmenu1" class="ddsmoothmenu">
                        <ul>
                            <li><a href="/home/index">Home</a></li>
                            <li><a href="#">Amistad</a>
                                <ul>
                                    <li><a href="/friend/index">Amigos</a></li>
                                    <li><a href="/group/index">Grupos</a></li>
                                    <li><a href="/permission/index">Permisos</a></li>
                                </ul>
                            <li><a href="#">Fotos</a></li>
                        </ul>
                        <br style="clear: left" />
                    </div>

                </div>

            </div>

        </div>

        <div class="main">

            <?php echo $this->layout()->content; ?>

        </div>

    </body>
</html>